<template>
  <i class="iconfont icon_container" :class="fontClass"></i>
</template>

<script>
export default {
  props: {
    type: {
      type: String,
      required: true,
    },
  },
  data() {
    return {
      classMap: {
        home: "iconzhuye",
        success: "iconzhengque",
        error: "iconcuowu",
        close: "iconguanbi",
        warn: "iconjinggao",
        info: "iconxinxi",
        blog: "iconblog",
        code: "iconcode",
        about: "iconset_about_hov",
        weixin: "iconweixin",
        mail: "iconemail",
        github: "icongithub",
        qq: "iconsign_qq",
        arrowUp: "iconiconfonticonfonti2copy",
        arrowDown: "iconiconfonticonfonti2",
        empty: "iconempty",
        chat: "iconliuyan",
      },
    };
  },
  computed: {
    fontClass() {
      return this.classMap[this.type];
    },
  },
};
</script>

<style scoped>
@import "//at.alicdn.com/t/font_2164449_nalfgtq7il.css";
.iconfont {
  color: inherit;
  font-size: inherit;
}
</style>
